<template>
<div id="index">
	<header class="mui-bar mui-bar-nav header">
		<h1 class="mui-title">{{routerTitle}}</h1>
	</header>
	<!-- 背景补充 -->
	<div v-if="bgbc" class="bgbc"></div>
	<div class="mui-content" id="cont">
		 <router-view />
	</div>
	<nav class="mui-bar mui-bar-tab">
		<router-link class="mui-tab-item" to="/home">
			<span class="iconfont iconshouyekongxin"></span>
			<span class="mui-tab-label">首页</span>
		</router-link>
		<router-link class="mui-tab-item" to="/games">
			<span class="iconfont iconyouxi"></span>
			<span class="mui-tab-label">游戏大厅</span>
		</router-link>
		<router-link class="mui-tab-item" to="/regist">
			<span class="iconfont icon2"></span>
			<span class="mui-tab-label">邀请好友</span>
		</router-link>
		<router-link class="mui-tab-item" to="/center">
			<span class="iconfont iconzhanghao"></span>
			<span class="mui-tab-label">个人中心</span>
		</router-link>
	</nav>
</div>
</template>

<script>
export default {
  name: 'index',
  // data(){
	 //  return{
	 //  }
  // },
  // mounted(){
	  
  // },
  // methods:{
  // }
}
</script>

<style scoped>
/* 背景补充 */
.bgbc{position:fixed;left:-10vw;top:-100px;width:120vw;height:300px;background:#ff9934;border-radius:100%}
.mui-bar-tab .mui-tab-item.router-link-active {color: #ff9934;}
</style>
